﻿@charset "utf-8";
  /* CSS Document */

.cart_list_li { padding:2px 0 2px 5px; background:#fff; border-bottom:1px solid #ccc; }
.cart_list_li.none{ color:#8d8a8a;}
.product-item{ position:relative; margin-bottom:3px;}
.product_thumb{ float:left; margin-right:10px;}
.product_info{  margin:0 35px 0 95px;}
.product_name { font-size: 14px; line-height: 18px; height: 37px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product_price{ margin-bottom:2px;}
.product_price2{ padding-right:50px;}
.product_price span{ font-size:11px; color:#8d8a8a; margin-left:5px;}
.product_price span.gift{ color:#000; font-size:14px;}
.product_price span.gift em{ font-style:normal;color:#8d8a8a; font-size:11px; }
.product_price span.giftnum{ font-size:14px; color:#000;}

.quantity { position: relative; height: 25px; line-height:25px; font-size:12px;}
.decrement, .increment, .itxt { float: left; text-align: center; width: 30px; height: 25px; line-height: 25px; margin: 0; margin-left: -1px; background: #fff; border: 1px solid #9e9e9e; border-radius:0;}
.decrement, .increment { color: #666; font-size: 16px; }
.decrement { border-radius: 5px 0 0 5px; }
.increment { border-radius: 0 5px 5px 0 }
.decrement-disabled, .increment-disabled { cursor: no-drop; color: #aaa; background: #f1f1f1; }
.itxt { font-size: 12px; font-family: verdana; color: #000; -webkit-appearance: none; }
.itxt-disabled { border: 1px solid #dadada; background: #e6e6e6; color: #888 }
.cart_list_li.none .quantity{ color:#fd364b;}
.del-btn{ position: absolute; right: 5px; bottom: 18px; }
.del-btn a{ display:block;overflow: hidden; width: 30px; height: 48px; text-indent:-999px; background-position: 0 -137px;}
.cart-none{ text-align:center; padding-top:90px;}
.cart-bg{ width:100%; margin:0 auto; color:#008842; padding-top:105px; text-align:center; font-size:16px; background:url(../images/cart-none.png) no-repeat center; background-size:80px;}
.cart-none a{ display:block; background:none; border:solid 1px #008842; border-radius:5px; width:100px; height:35px; line-height:35px; margin:0 auto; color:#008842; margin-top:20px;}
.cartnonewrap{ background:#fff; width:100%; height:100%;}

.promotion_tip{ display:block; padding-right:5px;}
.promotion_tip ul:after{content:".";display:block;visibility:hidden;height:0;line-height:0;font-size:0;clear:both}
.promotion_tip ul{zoom:1}
.promotion_tip li{position:relative; width:100%; border:1px solid #ccc; border-radius:5px; margin-top:2px; float:left;}
.promotion_tip li span{padding:3px 10px;line-height:20px; display:block; font-size:12px;}
.promotion_tip li span:nth-child(2){ padding-left:90px; width:100%; overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.promotion_tip li .tit{ width:80px; padding:3px; text-align:center; color:#fff; background:#fd364b; position:absolute; left:0; top:0;}
.promotion_tip li .tit1{ background:#fd364b;}
.promotion_tip li .tit2{ background:#c458eb;}
.promotion_tip li .tit3{ background:#0080ff;}
.promotion_tip li .tit4{ background:#51c200;}
.promotion_tip li .tit5{ background:#2f84cb;}
.promotion_tip li .tit6{ background:#ff9211;}


.discount{}
.discount-title{ color:#51c200; padding:5px 5px; background:#eef5e9; border-bottom:1px solid #ccc; font-size:16px;}
.discount-title span{ display:inline-block; width:21px; height:21px; margin-right:5px; vertical-align:middle; background-position:-59px -28px;}
.discount-list{ position:relative; padding:5px 5px 2px; background:#fff;border-bottom:1px solid #ccc;}
.discount-list .product-item{ padding-left:38px;}
.product_span{ position:absolute; left:0; top:50%; margin-top:-14px;}
.product_span span{ background:#51c200; padding:0 5px; color:#fff; border-radius:3px; font-size:12px;}
.discount-list .product_info{  margin: 0 0 0 95px;}
.discount-list .product_info2{ margin-left:50px;}

.payment_total { position: fixed; width: 100%; height: 50px; padding: 5px 20px; line-height: 20px; overflow: hidden; background: #fff; border-top: 1px solid #ccc; bottom: 50px; }
.shp_cart_info span { display: block; }
.shp_cart_info strong { color: #fb3d3d; font-weight:normal; margin-left:2px; }
.btn_right { cursor: pointer; position: absolute; right: 20px; top: 7px; display: block; width: 100px; height: 35px; line-height: 35px; text-align: center; background: #fb3d3d; color: #fff; font-size: 14px; font-weight: normal; border-radius: 5px; text-decoration:none;}
.btn_right1 { cursor: pointer; position: absolute; right: 20px; top: 7px; display: block; width: 100px; height: 35px; line-height: 35px; text-align: center; background:#808080; color: #fff; font-size: 14px; font-weight: normal; border-radius: 5px; text-decoration:none;}
.btn_right:hover { color: #fff; background: #ff5656; }

.clear_cart { margin-top:20px;}
.clear_cart a{ display:block; width:120px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #ccc; border-radius:5px; color:#51c200; background:#fff;}

/* -------add by juliaguo 20150710------------ */
body,html{ height:100%;}
/*pay sucess*/
.paylayout{ background-color:#eef5e9; height:100%; margin:0 15px; font-size:12px; line-height:1.6em; background:url("../images/ordersubmitsuccess_bg@2x.png") no-repeat 50% 100%;background-size:100% auto;}
.icon_ok{background-image:url("../images/icon_ok.png"); width:23px; height:23px; }
.icon_ok2{background-image:url("../images/icon_ok2.png"); width:23px; height:23px; }

.paylayout .mybtn_white{ width:106px;}
.paylayout .mybtn_green{ width:152px;}
.paylayout .tittle{ line-height:23px; padding:5px; font-size:18px; color:#51c200;}

 .icon_loading{width:30px; height:5px;background-image:url("../images/icon_loading.gif");
  -moz-animation: revolving 4s 0s infinite;
  -webkit-animation: revolving 4s 0s infinite;
}
@-moz-keyframes revolving{
 0,75%{
   background-image:url("../images/point1@2x.png");
  }
  87.5%{
    background-image:url("../images/point2@2x.png");
  }
  100%{
   background-image:url("../images/point3@2x.png");
  }
}


.paystyle{background-color:#eef5e9; height:100%; }
.icon_pay{background:url("../images/icon_pay.png") no-repeat scroll 50% 50% / 65px 216px rgba(255, 255, 255, 1);display:inline-block; border-radius:10px; border:solid 1px #dddddd;
              text-indent:-1999em; overflow:hidden; vertical-align:middle; width:65px; height:24px; margin-right:10px; }
.icon_pay_1{ background-position:0 0;}
.icon_pay_2{ background-position:0 -24px;}
.icon_pay_3{ background-position:0 -48px;}
.icon_pay_4{ background-position:0 -72px;}
.icon_pay_5{ background-position:0 -96px;}
.icon_pay_6{ background-position:0 -120px;}
.icon_pay_7{ background-position:0 -144px;}
.icon_pay_8{ background-position:0 -168px;}

/*pay style*/
.paystyle p{ margin:0;}
.paystyle .tittle{ color:#a1bc8e; padding:5px 10px;}
.paystyleul{ border:solid 1px #ccc; border-bottom:none; background-color:#fff;}
.paystyleul li{ width:100%; float:left; border-bottom:solid 1px #cccccc; line-height:24px;}
.paystyleul li a.outa{ display:block; float:left; width:100%; color:#000; cursor:pointer; padding:12px 10px;}
.paystyleul li *{ font-style:normal; font-size:12px;}

.paystylewinwrap{ height:256px; margin-top:-128px;}
.paystylewin{width:280px;}
.paystylewin .tittle{  padding: 5px; color:#8d8a8a; margin:0;}
.paystylewin .paystyleul{ border-left:none; border-right:none;}
.paystylewin li a.outa{padding:5px;}
.icon_radio{  background:url("../images/icon_radio.png") no-repeat scroll 0 0 / 18px 36px rgba(0, 0, 0, 0);display:inline-block;
              text-indent:-1999em; overflow:hidden; vertical-align:middle; width:18px; height:18px; margin-right:10px; margin-right:2px; background-position:0 -18px;}
              
.icon_radio_checked{ background-position:0 0;}              
.paystylewin li a.checkedbg{ background-color:#eef5e9;}  

.btn-danger{background: #fb3d3d; border:none; }
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{ background-color:#ff5656; border:none;}
.btn_gopay{  text-align:center; background:#51c200; color:#fff; }
.btn_gopay:hover{ color:#fff;}
